<template>
  <div id="app">
    <a class="pages" href="javascrpt:" 
    v-for="num in 5" :key="num" @click="jump(num)">{{num}}</a>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      
    }
  },
  components:{
    
  },
  created() {
    
  },
  methods: {
    jump(num){
        this.$emit('change-page',num)
    }
  },
}
</script>

<style scoped>
#app {
  width: 400px;
  margin: 0 auto;
}
.pages{
    display: inline-block;
    padding: 20px;
    cursor: pointer;
}
</style>
